<template name="skeleton">
  <view class="sk-container">
    <view is="pages/index/components/NavBar">
      <view class="navbar NavBar--navbar data-v-49fc6ed8 NavBar--data-v-49fc6ed8">
        <view class="logo NavBar--logo data-v-49fc6ed8 NavBar--data-v-49fc6ed8">
          <view class="image NavBar--image data-v-49fc6ed8 NavBar--data-v-49fc6ed8">
            <image
              class="logo-image NavBar--logo-image data-v-49fc6ed8 NavBar--data-v-49fc6ed8 sk-image"
            >
            </image>
          </view>
          <view
            class="text NavBar--text data-v-49fc6ed8 NavBar--data-v-49fc6ed8 sk-transparent sk-text-14-2857-675 sk-text"
          >
            春风伴夏
          </view>
        </view>
        <view
          class="eng NavBar--eng data-v-49fc6ed8 NavBar--data-v-49fc6ed8 sk-transparent sk-text-14-2857-759 sk-text"
        >
          CHUN FEN BAN XIA
        </view>
        <view
          class="app-name NavBar--app-name data-v-49fc6ed8 NavBar--data-v-49fc6ed8 sk-transparent sk-text-14-2857-417 sk-text"
          style="background-position-x: 50%"
        >
          春风伴夏
        </view>
      </view>
    </view>
    <scroll-view class="scroll-view scroll-view" scroll-y="true">
      <view is="pages/index/components/Swiper" style="height: 194px" current="0" autoplay="false">
        <view class="carousel Swiper--carousel data-v-a18a8c1a Swiper--data-v-a18a8c1a">
          <view
            is="node-modules/@dcloudio/uni-ui/lib/uni-swiper-dot/uni-swiper-dot"
            class="uni-swiper-dot-box Swiper--uni-swiper-dot-box data-v-a18a8c1a Swiper--data-v-a18a8c1a"
          >
            <view
              class="uni-swiper__warp dot--uni-swiper__warp data-v-51f4b6a5 dot--data-v-51f4b6a5"
            >
              <swiper
                autoplay="false"
                circular="true"
                class="custom-swiper Swiper--custom-swiper data-v-a18a8c1a Swiper--data-v-a18a8c1a"
                interval="3000"
                current="0"
              ></swiper>
              <view
                class="uni-swiper__dots-box dot--uni-swiper__dots-box data-v-51f4b6a5 dot--data-v-51f4b6a5"
                style="bottom: 10px"
              >
                <view
                  class="uni-swiper__dots-item dot--uni-swiper__dots-item data-v-51f4b6a5 dot--data-v-51f4b6a5"
                  style="
                    width: 6px;
                    height: 6px;
                    background-color: rgba(255, 255, 255, 0.9);
                    border: 1px rgba(255, 255, 255, 0.3) solid;
                  "
                >
                </view>
                <view
                  class="uni-swiper__dots-item dot--uni-swiper__dots-item data-v-51f4b6a5 dot--data-v-51f4b6a5"
                  style="
                    width: 6px;
                    height: 6px;
                    background-color: rgba(255, 255, 255, 0.9);
                    border: 1px rgba(255, 255, 255, 0.3) solid;
                  "
                >
                </view>
                <view
                  class="uni-swiper__dots-long dot--uni-swiper__dots-long uni-swiper__dots-item dot--uni-swiper__dots-item data-v-51f4b6a5 dot--data-v-51f4b6a5"
                  style="
                    width: 18px;
                    height: 6px;
                    background-color: rgba(255, 255, 255, 0.9);
                    border: 1px rgba(255, 255, 255, 0.9) solid;
                  "
                >
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view is="pages/index/components/CategoryPanel">
        <scroll-view
          class="scroll-view CategoryPanel--scroll-view data-v-44ae5a81 CategoryPanel--data-v-44ae5a81"
          scroll-x="true"
        >
          <view
            class="category CategoryPanel--category data-v-44ae5a81 CategoryPanel--data-v-44ae5a81"
          >
            <navigator
              class="category-item CategoryPanel--category-item data-v-44ae5a81 CategoryPanel--data-v-44ae5a81"
              hover-class="none"
              open-type="navigate"
            >
              <view
                class="imageItem CategoryPanel--imageItem data-v-44ae5a81 CategoryPanel--data-v-44ae5a81"
              >
                <image
                  class="image CategoryPanel--image data-v-44ae5a81 CategoryPanel--data-v-44ae5a81 sk-image"
                >
                </image>
              </view>
              <text
                class="text CategoryPanel--text data-v-44ae5a81 CategoryPanel--data-v-44ae5a81 sk-transparent sk-text-14-2857-129 sk-text"
                style="background-position-x: 50%"
                >活动</text
              >
            </navigator>
            <navigator
              class="category-item CategoryPanel--category-item data-v-44ae5a81 CategoryPanel--data-v-44ae5a81"
              hover-class="none"
              open-type="navigate"
            >
              <view
                class="imageItem CategoryPanel--imageItem data-v-44ae5a81 CategoryPanel--data-v-44ae5a81"
              >
                <image
                  class="image CategoryPanel--image data-v-44ae5a81 CategoryPanel--data-v-44ae5a81 sk-image"
                >
                </image>
              </view>
              <text
                class="text CategoryPanel--text data-v-44ae5a81 CategoryPanel--data-v-44ae5a81 sk-transparent sk-text-14-2857-443 sk-text"
                style="background-position-x: 50%"
                >红娘</text
              >
            </navigator>
            <navigator
              class="category-item CategoryPanel--category-item data-v-44ae5a81 CategoryPanel--data-v-44ae5a81"
              hover-class="none"
              open-type="switchTab"
            >
              <view
                class="imageItem CategoryPanel--imageItem data-v-44ae5a81 CategoryPanel--data-v-44ae5a81"
              >
                <image
                  class="image CategoryPanel--image data-v-44ae5a81 CategoryPanel--data-v-44ae5a81 sk-image"
                >
                </image>
              </view>
              <text
                class="text CategoryPanel--text data-v-44ae5a81 CategoryPanel--data-v-44ae5a81 sk-transparent sk-text-14-2857-306 sk-text"
                style="background-position-x: 50%"
                >vip</text
              >
            </navigator>
            <navigator
              class="category-item CategoryPanel--category-item data-v-44ae5a81 CategoryPanel--data-v-44ae5a81"
              hover-class="none"
              open-type="navigate"
            >
              <view
                class="imageItem CategoryPanel--imageItem data-v-44ae5a81 CategoryPanel--data-v-44ae5a81"
              >
                <image
                  class="image CategoryPanel--image data-v-44ae5a81 CategoryPanel--data-v-44ae5a81 sk-image"
                >
                </image>
              </view>
              <text
                class="text CategoryPanel--text data-v-44ae5a81 CategoryPanel--data-v-44ae5a81 sk-transparent sk-text-14-2857-5 sk-text"
                style="background-position-x: 50%"
                >邂逅</text
              >
            </navigator>
            <navigator
              class="category-item CategoryPanel--category-item data-v-44ae5a81 CategoryPanel--data-v-44ae5a81"
              hover-class="none"
              open-type="navigate"
            >
              <view
                class="imageItem CategoryPanel--imageItem data-v-44ae5a81 CategoryPanel--data-v-44ae5a81"
              >
                <image
                  class="image CategoryPanel--image data-v-44ae5a81 CategoryPanel--data-v-44ae5a81 sk-image"
                >
                </image>
              </view>
              <text
                class="text CategoryPanel--text data-v-44ae5a81 CategoryPanel--data-v-44ae5a81 sk-transparent sk-text-14-2857-977 sk-text"
                style="background-position-x: 50%"
                >寻觅</text
              >
            </navigator>
            <navigator
              class="category-item CategoryPanel--category-item data-v-44ae5a81 CategoryPanel--data-v-44ae5a81"
              hover-class="none"
              open-type="navigate"
            >
              <view
                class="imageItem CategoryPanel--imageItem data-v-44ae5a81 CategoryPanel--data-v-44ae5a81"
              >
                <image
                  class="image CategoryPanel--image data-v-44ae5a81 CategoryPanel--data-v-44ae5a81 sk-image"
                >
                </image>
              </view>
              <text
                class="text CategoryPanel--text data-v-44ae5a81 CategoryPanel--data-v-44ae5a81 sk-transparent sk-text-14-2857-518 sk-text"
                style="background-position-x: 50%"
                >公告</text
              >
            </navigator>
          </view>
        </scroll-view>
      </view>
      <view is="pages/index/components/PutTop">
        <view class="puttop PutTop--puttop data-v-bbfd2f56 PutTop--data-v-bbfd2f56">
          <text
            class="text PutTop--text data-v-bbfd2f56 PutTop--data-v-bbfd2f56 sk-transparent sk-text-14-2857-49 sk-text"
          >
            置顶嘉宾
          </text>
          <view
            class="bottom PutTop--bottom data-v-bbfd2f56 PutTop--data-v-bbfd2f56 sk-image"
          ></view>
          <view class="cradChange PutTop--cradChange data-v-bbfd2f56 PutTop--data-v-bbfd2f56">
            <view class="image PutTop--image data-v-bbfd2f56 PutTop--data-v-bbfd2f56">
              <image
                class="image-item PutTop--image-item data-v-bbfd2f56 PutTop--data-v-bbfd2f56 sk-image"
              >
              </image>
            </view>
            <view
              class="change PutTop--change data-v-bbfd2f56 PutTop--data-v-bbfd2f56 sk-transparent sk-text-14-2857-69 sk-text"
            >
              换一批
            </view>
          </view>
          <view
            class="putTop PutTop--putTop data-v-bbfd2f56 PutTop--data-v-bbfd2f56 sk-transparent sk-image"
          >
            我要置顶
          </view>
          <scroll-view class="data-v-bbfd2f56 PutTop--data-v-bbfd2f56" scroll-x="true">
            <view class="cardItem PutTop--cardItem data-v-bbfd2f56 PutTop--data-v-bbfd2f56">
              <view
                is="pages/index/components/CardItem"
                class="data-v-bbfd2f56 PutTop--data-v-bbfd2f56"
              >
                <view class="data-v-74e19851 CardItem--data-v-74e19851">
                  <navigator
                    class="card-item1 CardItem--card-item1 data-v-74e19851 CardItem--data-v-74e19851"
                    hover-class="navigator-hover"
                    open-type="navigate"
                  >
                    <view class="oneMes CardItem--oneMes data-v-74e19851 CardItem--data-v-74e19851">
                      <view
                        class="imageItem CardItem--imageItem data-v-74e19851 CardItem--data-v-74e19851"
                      >
                        <image
                          class="image CardItem--image data-v-74e19851 CardItem--data-v-74e19851 sk-image"
                          lazy-load="true"
                          mode="aspectFit|aspectFill|widthFix"
                        ></image>
                      </view>
                      <view class="name CardItem--name data-v-74e19851 CardItem--data-v-74e19851">
                        <text
                          class="name-item CardItem--name-item data-v-74e19851 CardItem--data-v-74e19851 sk-transparent sk-text-14-2857-301 sk-text"
                          decode="true"
                          selectable="true"
                          space="false"
                          >用户4080</text
                        >
                      </view>
                      <view
                        class="message CardItem--message data-v-74e19851 CardItem--data-v-74e19851 sk-transparent sk-text-14-2857-787 sk-text"
                        hover-class="none"
                        hover-stop-propagation="true"
                        >40岁/暂无地区</view
                      >
                    </view>
                  </navigator>
                </view>
              </view>
              <view
                is="pages/index/components/CardItem"
                class="data-v-bbfd2f56 PutTop--data-v-bbfd2f56"
              >
                <view class="data-v-74e19851 CardItem--data-v-74e19851">
                  <navigator
                    class="card-item1 CardItem--card-item1 data-v-74e19851 CardItem--data-v-74e19851"
                    hover-class="navigator-hover"
                    open-type="navigate"
                  >
                    <view class="oneMes CardItem--oneMes data-v-74e19851 CardItem--data-v-74e19851">
                      <view
                        class="imageItem CardItem--imageItem data-v-74e19851 CardItem--data-v-74e19851"
                      >
                        <image
                          class="image CardItem--image data-v-74e19851 CardItem--data-v-74e19851 sk-image"
                          lazy-load="true"
                          mode="aspectFit|aspectFill|widthFix"
                        ></image>
                      </view>
                      <view class="name CardItem--name data-v-74e19851 CardItem--data-v-74e19851">
                        <text
                          class="name-item CardItem--name-item data-v-74e19851 CardItem--data-v-74e19851 sk-transparent sk-text-14-2857-115 sk-text"
                          decode="true"
                          selectable="true"
                          space="false"
                          >用户1607</text
                        >
                      </view>
                      <view
                        class="message CardItem--message data-v-74e19851 CardItem--data-v-74e19851 sk-transparent sk-text-14-2857-893 sk-text"
                        hover-class="none"
                        hover-stop-propagation="true"
                        >22岁/暂无地区</view
                      >
                    </view>
                  </navigator>
                </view>
              </view>
              <view
                is="pages/index/components/CardItem"
                class="data-v-bbfd2f56 PutTop--data-v-bbfd2f56"
              >
                <view class="data-v-74e19851 CardItem--data-v-74e19851">
                  <navigator
                    class="card-item1 CardItem--card-item1 data-v-74e19851 CardItem--data-v-74e19851"
                    hover-class="navigator-hover"
                    open-type="navigate"
                  >
                    <view class="oneMes CardItem--oneMes data-v-74e19851 CardItem--data-v-74e19851">
                    </view>
                  </navigator>
                </view>
              </view>
            </view>
          </scroll-view>
        </view>
      </view>
      <view is="pages/index/components/Recommendation">
        <view class="puttop Recommendation--puttop data-v-5a10be4a Recommendation--data-v-5a10be4a">
          <text
            class="text Recommendation--text data-v-5a10be4a Recommendation--data-v-5a10be4a sk-transparent sk-text-14-2857-631 sk-text"
          >
            推荐嘉宾
          </text>
        </view>
      </view>
    </scroll-view>
  </view>
</template>
<style>
.sk-transparent {
  color: transparent !important;
}

.sk-text-14-2857-675 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 41.5116rpx;
  position: absolute !important;
}

.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}

.sk-text-14-2857-759 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 17.093rpx;
  position: absolute !important;
}

.sk-text-14-2857-417 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 68.3721rpx;
  position: absolute !important;
}

.sk-text-14-2857-129 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 48.8372rpx;
  position: relative !important;
}

.sk-text-14-2857-443 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 48.8372rpx;
  position: relative !important;
}

.sk-text-14-2857-306 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 48.8372rpx;
  position: relative !important;
}

.sk-text-14-2857-5 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 48.8372rpx;
  position: relative !important;
}

.sk-text-14-2857-977 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 48.8372rpx;
  position: relative !important;
}

.sk-text-14-2857-518 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 48.8372rpx;
  position: relative !important;
}

.sk-text-14-2857-49 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 53.7209rpx;
  position: relative !important;
}

.sk-text-14-2857-69 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 24.4186rpx;
  position: relative !important;
}

.sk-text-14-2857-301 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 48.8372rpx;
  position: relative !important;
}

.sk-text-14-2857-787 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.0698rpx;
  position: relative !important;
}

.sk-text-14-2857-115 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 48.8372rpx;
  position: relative !important;
}

.sk-text-14-2857-893 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.0698rpx;
  position: relative !important;
}

.sk-text-14-2857-631 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 53.7209rpx;
  position: relative !important;
}

.sk-image {
  background: #efefef !important;
}

.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
